为什么需要Vuex 通常 Vue 项目中的数据通信，我们通过以下三种方式就可以解决，但是随着项目多层嵌套的组件增加，兄弟组件间的状态传递非常繁琐，导致不断的通过事件来变更状态，同步状态多份拷贝，最后代码难以维护。于是尤大大开发了 Vuex ...

定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的 ...

引言 如何“严谨地”判断两个变量相同？仅仅使用 === 就可以了么？ image 严格相等 我们可以非常快的写一个 is 方法来判断变量 x 是否就是 y： // 第一版 function is(x, y) { return x == ...

1.先创建一个工具组件 EllipsisTooltipimport React, { PureComponent } from 'react'import PropTypes from 'prop-type ...

@vue/cli 脚手架 简介 脚手架 是一个工具 脚手架 帮助我们 创建一个基本的项目结构 1. @vue/cli 脚手架 的 安装 【只需要安装一次】 npm i -g @vue/cli 2. 使用 脚手 ...

昨天看了一道面试题，说如何管理 CSS 代码；它谈到了君子协定BEM 规范（然后楼主就说自己马上就拿到 offer 了?）。但是，BEM 规范说实在已经不够接地气了，现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...

前端开发中，对要提交的表单数据进行校验是很常见的需求，有开源的基于框架的数据校验库，也有组件库内置的校验功能，这里介绍的是一种脱离框架、组件的独立数据校验思路。 我们团队的 Vue 项目比较多，先看下这一块的数据校验方案： vuelidat ...

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { ...

何时使用prototype 已经声明一个方法，你想让所有这个方法的对象实例都能继承这个方法的属性，那你可以使用prototype。例如： function Person (props){ this.age = props.age | ...

Ts之初体现 最近公司项目没有那么忙了，有看到微软出手的Ts这个语言大热，很受开发者的热爱，看来这家伙有过人之处，所以啊，就学习一下Ts在Vue里面的应用，未雨绸缪。作为it开发者，一定要保持不断学习的状态，不然很容易咔嚓的。这个行业有个好 ...